<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法:
			nextAll() : 找当前元素下面的、所有的兄弟节点(不含自身)，参数是筛选功能

			prevAll() : 找当前元素上面的、所有的兄弟节点(不含自身)，参数是筛选功能
	*/
	$(function() {
		// $('h1').nextAll().css('background', 'red');			//多个的时候，从第一个h1(不含)开始，往下

		// $('h1').nextAll('h1').css('background', 'red');

		// $('h1').prevAll().css('background', 'red');			//多个的时候，从最后一个h1(不含)开始，往上

		// $('h1').prevAll('span').css('background', 'red');
	});
	</script>
</head>
<body>

	<div>111
		<div>div</div>
		<span>span</span>
		<p>p</p>
		<h1>h1</h1>
		<h1>h1</h1>
		<h1>h1</h1>
		<em>em</em>
	</div>	

</body>
</html>